<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    img {
      width: 100%;
    }

  </style>
  <!--[if lt IE 9]>
    <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
    <![endif]-->

  <!-- [if !IE]><! -->
  <!-- <![endif] -->
  <!-- <script src="./axios.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>  -->
</head>

<body>
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, reprehenderit.
  <div id="app">
    <div class="title">Lorem ipsum dolor sit amet.</div>
    <div class="data">Lorem ipsum dolor sit amet.</div>
    <div class="explanation">Lorem ipsum dolor sit amet.</div>
    <div class="hburl"><img src="" alt="">Lorem ipsum dolor sit amet.</div>
    <div class="url"><img src="" alt="">Lorem ipsum dolor sit amet.</div>
  </div>

  <input type="file" name="" id="filehere">

  <!-- <script src="./jquery.min.js"></script> -->
  <script src="./file.js"></script>
  <!-- <script src="./axios.min.js"></script> -->
  <script>
    // function postData (url, data) {
    //   // Default options are marked with *
    //   return fetch(url, {
    //       body: JSON.stringify(data), // must match 'Content-Type' header
    //       cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    //       credentials: 'same-origin', // include, same-origin, *omit
    //       headers: {
    //         'user-agent': 'Mozilla/4.0 MDN Example',
    //         'content-type': 'application/json'
    //       },
    //       method: 'POST', // *GET, POST, PUT, DELETE, etc.
    //       mode: 'cors', // no-cors, cors, *same-origin
    //       redirect: 'follow', // manual, *follow, error
    //       referrer: 'no-referrer', // *client, no-referrer
    //     })
    //     .then(response => response.json()) // parses response to JSON
    //     .catch(err => console.log(err))
    //     .finally(xhr => console.log('结束了',xhr));
    // }

    // fetch('/api').then((result) => {
    //   return result.json()
    // }).catch((err) => {

    // });

    // console.log(a);
    // postData('/api/about')
    //   .then(resp => {
    //     console.log(resp);
    //   }).catch(err => {
    //     console.log(err);
    //   }).finally(xhr => {
    //     console.log(xhr);
    //   });
    // axios.request({
    //     method: "get",
    //     url: '/proxy/cms/donation/json/indexRecommend.json',
    //   })
    //   .then(resp => {
    //     console.log(resp);
    //   })
    //   .catch(err => {
    //     console.log(err);
    //   })
    // axios.request({
    //     method: "post",
    //     url: '/proxy/jf-mall/donMange/queryIndexDonationStatistics',
    //     data: { pageNum: 1, pageSize: 2 }
    //   })
    //   .then(resp => {
    //     console.log(resp);
    //   })
    //   .catch(err => {
    //     console.log(err);
    //   })

    // axios.get('/api').then(resp => {
    //   console.log(resp);
    // })
    // axios.post('/api/about').then(resp => {
    //   console.log(resp);
    // })
    // var ua = window.navigator.userAgent.toLowerCase();
    // 微信浏览器
    // alert('这是微信ma?');
    // if(ua.match(/MicroMessenger/i) == 'micromessenger') {
    //   alert('这是微信');
    // }

    // var app = document.getElementById('app');
    // var aj = axios.create({
    //   baseURL: location.origin,
    //   timeout: 1000,
    // });

    // aj.get('/api', {
    //     params: {
    //       // date: '1996-04-19',
    //       // hd: false,
    //       api_key: 'DEMO_KEY'
    //     },
    //     timeout: 10000,
    //   })
    //   .then(function (res) {
    //     console.log('this is get request:', res);
    //     var response = res.data;
    //     app.innerHTML =
    //       `<div class="title">${response.title}</div>
    //       <div class="date">${response.date}</div>
    //       <div class="explanation">${response.explanation}</div>
    //       <div class="hburl"><img src="${response.hdurl}" alt=""></div>
    //       <div class="url"><img src="${response.url}" alt=""></div>`;
    //   })
    //   .catch(function (err) {
    //     console.log(err);
    //   });

    // aj.post('/p-api', {
    //     // date: '1996-04-19',
    //     // hd: false,
    //     api_key: 'DEMO_KEY'
    //   }, {
    //     timeout: 10000,
    //     // data: {
    //     //   date: '1996-04-19',
    //     //   hd: false,
    //     //   api_key: 'DEMO_KEY'
    //     // }
    //   })
    //   .then(function (res) {
    //     console.log('this is post request:', res);
    //     var response = res.data;
    //     app.innerHTML =
    //       `<div class="title">${response.title}</div>
    //       <div class="date">${response.date}</div>
    //       <div class="explanation">${response.explanation}</div>
    //       <div class="hburl"><img src="${response.hdurl}" alt=""></div>
    //       <div class="url"><img src="${response.url}" alt=""></div>`;
    //   })
    //   .catch(function (err) {
    //     console.log(err);
    //   });

    // $.ajax({
    //   type: "post",
    //   url: "http://localhost:7000/p-api",
    //   // data: JSON.stringify({
    //   //   date: '2018-04-19',
    //   //   hd: false,
    //   //   api_key: 'DEMO_KEY'
    //   // }),
    //   data: {
    //     date: '1996-04-19',
    //     hd: false,
    //     api_key: 'DEMO_KEY'
    //   },
    //   dataType: "json",
    //   success: function (response) {
    //     app.innerHTML =
    //     ` <div class="title">${response.title}</div>
    //       <div class="date">${response.date}</div>
    //       <div class="explanation">${response.explanation}</div>
    //       <div class="hburl"><img src="${response.hdurl}" alt=""></div>
    //       <div class="url"><img src="${response.url}" alt=""></div>`;
    //   }
    // });
    // $.ajax({
    //   type: "get",
    //   url: "http://localhost:7000/api",
    //   data: {
    //     date: '2018-04-19',
    //     hd: false,
    //     api_key: 'DEMO_KEY'
    //   },
    //   dataType: "json",
    //   contentType: 'text/json;charset="utf-8"',
    //   success: function (response) {
    //     app.innerHTML =
    //       ` <div class="title">${response.title}</div>
    //         <div class="date">${response.date}</div>
    //         <div class="explanation">${response.explanation}</div>
    //         <div class="hburl"><img src="${response.hburl}" alt=""></div>
    //         <div class="url"><img src="${response.url}" alt=""></div>`;
    //   }
    // });

  </script>
</body>

</html>
